﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>纯净版会员系统-登录</title>

    <meta name="description" content="User login page" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="/Areas/Admin/assets/css/bootstrap.css" />
    <link rel="stylesheet" href="/Areas/Admin/assets/css/font-awesome.css" />

    <!-- text fonts -->
    <link rel="stylesheet" href="/Areas/Admin/assets/css/ace-fonts.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="/Areas/Admin/assets/css/ace.css" />

    <!--[if lte IE 9]>
        <link rel="stylesheet" href="/Areas/Admin/assets/css/ace-part2.css" />
    <![endif]-->
    <link rel="stylesheet" href="/Areas/Admin/assets/css/ace-rtl.css" />
    <!--[if lte IE 9]>
      <link rel="stylesheet" href="/Areas/Admin/assets/css/ace-ie.css" />
    <![endif]-->
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="/Areas/Admin/assets/js/html5shiv.js"></script>
    <script src="/Areas/Admin/assets/js/respond.js"></script>
    <![endif]-->
    <style>
        body, h1, h4 {
            font-family: 微软雅黑 !important;
        }

        .loading i {
            animation: loadingant 1s linear infinite;
            -webkit-animation: loadingant 1s linear infinite; /*Safari and Chrome*/
        }

        @@keyframes loadingant {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }

        @@-webkit-keyframes loadingant /*Safari and Chrome*/
        {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }
    </style>
</head>

<body class="login-layout blur-login">
    <div class="main-container">
        <div class="main-content">
            <div class="row">
                <div class="col-sm-10 col-sm-offset-1">
                    <div class="login-container">
                        <div class="space-6"></div>

                        <div class="position-relative">
                            <div id="login-box" class="login-box visible widget-box no-border">
                                <div class="widget-body">
                                    <div class="widget-main">
                                        <h4 class="header blue lighter bigger">
                                            纯净版会员管理系统
                                        </h4>

                                        <div class="space-6"></div>

                                        <form id="loginForm">
                                            
                                            <fieldset>
                                                <label class="block clearfix">
                                                    <span class="block input-icon input-icon-right">
                                                        <input type="text" name="sUserName" class="form-control" required maxlength="20" placeholder="请输入用户名" />
                                                        <i class="ace-icon fa fa-user"></i>
                                                    </span>
                                                </label>

                                                <label class="block clearfix">
                                                    <span class="block input-icon input-icon-right">
                                                        <input type="password" name="sPassword" id="sPassword" class="form-control" maxlength="20" placeholder="请输入密码" />
                                                        <i class="ace-icon fa fa-lock"></i>
                                                    </span>
                                                </label>
                                                <label class="block clearfix">
                                                    <span class="block input-icon input-icon-right no-border">
                                                        <input type="text" name="ValidateCode" id="ValidateCode" class="input-small" maxlength="20" placeholder="验证码" style="padding-left: 5px;" />
                                                        <img id="VerChg" class="VerCodeImg" title="看不清?点击换一张" src="/Admin/Home/VerCode" />
                                                        @*<span id="VerChg" style="cursor: pointer"> 看不清?换一张</span>*@
                                                    </span>
                                                </label>
                                                <div class="space"></div>

                                                <div class="clearfix">
                                                    <label class="inline" style="display: none !important">
                                                        <input type="checkbox" name="remeberMe" class="ace"/>
                                                        <span class="lbl"> 记住我</span>
                                                    </label>

                                                    <button id="loginbtn" type="button" class="width-100 pull-center btn btn-sm btn-primary">
                                                        <i class="fa fa-spinner fa-pulse fa-2x fa-fw"></i>
                                                        <span class="bigger-110">登录</span>
                                                    </button>
                                                </div>

                                                <div class="space-4"></div>
                                            </fieldset>
                                        </form>


                                    </div>
                                </div><!-- /.widget-body -->
                            </div><!-- /.login-box -->
                        </div><!-- /.position-relative -->
                        @*<div class="navbar-fixed-top align-right">
                                <br />
                                &nbsp;
                                <a id="btn-login-dark" href="#">Dark</a>
                                &nbsp;
                                <span class="blue">/</span>
                                &nbsp;
                                <a id="btn-login-blur" href="#">Blur</a>
                                &nbsp;
                                <span class="blue">/</span>
                                &nbsp;
                                <a id="btn-login-light" href="#">Light</a>
                                &nbsp; &nbsp; &nbsp;
                            </div>*@
                    </div>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.main-content -->
    </div><!-- /.main-container -->
<!-- basic scripts -->

    <!--[if !IE]> -->
    <script src="/Areas/Admin/assets/js/jquery.js"></script>
    <!-- <![endif]-->
    <!--[if IE]>
    <script src="/Areas/Admin/assets/js/jquery1x.js"></script>
    <![endif]-->


    <script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='/Areas/Admin/assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
    </script>
    <script src="~/Areas/Admin/assets/js/bootstrap.js"></script>
    <script src="~/Areas/Admin/assets/js/bootbox.js"></script>
    <script src="~/Areas/Admin/assets/js/jquery.form.js"></script>
        <script type="text/javascript">
            var msg = '@TempData["ErrMsg"]';
        </script>
    <script src="~/Areas/Admin/js/Home/Login.js"></script>
</body>
</html>
